@import url("reset.css");
/*public*/
body{font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:14px;color:#333333;background:#fff; min-width:1420px;}
a{color:#333333/*#4da422*/;text-decoration:none;}
a:hover{text-decoration:underline;}
.wrapper {width:1420px;margin:0 auto;position:relative; z-index:9000; font-family:Microsoft YaHei; clear:both;}
.wrappers {width:1420px;margin:0 auto;position:relative;}
.marbot { margin-bottom:20px;}
/*header*/
header{width:1420px;height:95px; margin:0px auto; }
* html{background-image:url(about:blank);background-attachment:fixed}
* html header{position:absolute;top:expression(eval(document.documentElement.scrollTop))}
#navbg{width:100%;height:95px;overflow:hidden;text-indent:-9999px;position:absolute;left:0;top:0px; background:url(../../index/images/dhbj.jpg) repeat-x; min-width:1420px; z-index:10}
#Home #navbg{filter:alpha(opacity=100);opacity:1;}
#snews {  text-align:left; font-size:16px; line-height:50px; color:#363636; height:50px; font-family:Microsoft YaHei;}
#snews a span { float:right;}
#snews a { text-decoration:none;color:#363636; display:block}
#snews a:hover{ background:#e61324; color:#FFFFFF}
#cpimg img { max-width:960px;}
#snews .snew3 {font-size:12px; text-align:left; line-height:22px; color:#898989; margin:0px auto;}
#cpfl { font-size:22px; text-align:center; margin:35px auto; border-bottom:#d9d9d9 dashed 3px; padding-bottom:40px;}
#cpfl a { font-size:20px; margin:0 30px; color:#353535; border:#d2d2d2 solid 1px;border-radius: 15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:0 25px;}
#ff1 {display:block; color:#FFFFFF; background:#fe0000; height:100px; text-align:center; line-height:100px; font-size:18px; text-decoration:none}
#ff2 { display:block; color:#434343;  height:100px; text-align:center; line-height:100px; font-size:18px; border-right:#eeeeee solid 1px;text-decoration:none}
#ff2:hover { display:block; color:#FFFFFF; background:#fe0000; height:100px; text-align:center; line-height:100px; font-size:18px; text-decoration:none}
#wza { font-size:30px; color:#363636; text-align:center; margin-bottom:10px;}
#wza1 { height:2px; width:70px; margin:0 auto; background:#e61324; margin-bottom:50px;}
#wza1a { height:2px; width:70px; margin:20px auto; background:#e61324;}
.qiye { background:#999999; position:absolute; top:0; left:0;width:200px; height:200px;filter:alpha(opacity=0);opacity:0; transition:all .2s ease-in; }
.qiye:hover {  background:#999999; position:absolute; top:0; left:0;width:200px; height:200px;filter:alpha(opacity=50);opacity:0.5; border:#FF0000 solid 2px;}
header h1.logo{display:block;position:absolute; top:5px; left:100px;}
header span.lang{display:block;position:absolute;right:0px;top:35px; font-size:14px; line-height:25px; color:#7c7c7c; width:205px;}
header span.lang a { color:#7c7c7c;}
header span.lang img { margin-right:10px; float:left}
header span.lang div { font-size:18px; color:#00a0e9; font-weight:bold}
header span.lang div >span { font-size:14px; color:#595959; font-weight:100}
header span.langs{display:block;position:absolute;right:320px;top:36px; font-size:14px; line-height:30px; color:#7c7c7c; padding-left:10px; border:#00a0ea solid 2px; height:36px; width:505px; }
header span.langs a { color:#7c7c7c;}
header span.langs .san { width:78px; background:#00a0ea; border:none; height:36px; font-size:14px; color:#FFFFFF; float:right}
header span.langs .sk { height:36px; border:none; width:400px; color:#999999;outline:none; }
header span.langss{display:block;position:absolute;right:10px;top:110px;}
header nav{display:block;position:absolute;left:690px;top:30px;font-size:0; height:50px; font-family:Arial, Helvetica, sans-serif }
header nav li{display:inline-block;zoom:1;*display:inline;height:50px;}
header nav li.home a {border-left:none;  height:50px; line-height:50px; font-size:18px; -moz-border-radius: 0px; webkit-border-radius: 0px;border-radius: 0px; padding-top:0px; width:115px; color:#fff; border-bottom:#10b7fe 0px solid; background:#00a0e9;  }
header nav li.about a {border-left:none;   height:50px; line-height:50px;  font-size:18px;  -moz-border-radius: 0px; webkit-border-radius: 0px;border-radius: 0px; padding-top:0px; width:115px;  color:#000;  border-bottom:#10b7fe 0px solid; }
header nav li.dhline { width:0px; height:18px; line-height:18px;  margin:0 0px;}
#zdh{position:absolute;z-index:10000; display:none; left:155px; width:467px; top:45px; background:#FFFFFF; }
#zdh .zdh {border-bottom:#FFFFFF solid 0px; margin-left:0px; text-align:center; position:relative; padding:0px 0;  }
#zdh .zdhyj { -moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px; webkit-border-bottom-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; padding-bottom:0px; width:110px; float:left; margin-left:0px; padding:20px 0;}
#zdh .zdhyj .zdha {  position:relative;}
#zdh .zdhyj .fff { position:absolute; left:150px; top:-1px; background:#09a2e3; z-index:10000; border:#fff solid 0px;}
#zdh .zdh a { font-weight:100;line-height:40px; text-align:center; margin:0 auto; padding-top:0px; width:150px; display:block; font-size:16px; background:#fff; height:40px; -moz-border-radius: 0px; webkit-border-radius: 0px;border-radius: 0px; color:#000}
#zdh .zdh a:hover{  font-size:16px; color:#FF0000;padding-top:0px;}
#zdh1{position:absolute;z-index:10000; display:none; right:330px; width:110px; top:55px; }
#zdh1 .zdh1 {border-bottom:#fff solid 0px; margin-left:0px; text-align:center; position:relative; padding:0px 0;  }
#zdh1 .zdhyj { -moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px;padding-top:0px; webkit-border-bottom-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; padding-bottom:0px;}
#zdh1 .zdh1 a { font-weight:100;line-height:52px; text-align:center; margin:0 auto;  width:110px; display:block;padding-top:0px; font-size:14px; background:#000; height:52px; -moz-border-radius: 0px; webkit-border-radius: 0px;border-radius: 0px;color:#FFFFFF }
#zdh1 .zdh1 a:hover{  font-size:14px; background:#ff0000;padding-top:0px;}
#zdh2{position:absolute;z-index:10000; display:none; left:0px; width:616px; top:45px; background:#FFFFFF }
#zdh2 .zdh2 {border-bottom:#FFFFFF solid 0px; margin-left:0px; text-align:center; position:relative; padding:0px 0;   }
#zdh2 .zdhyj { -moz-border-radius-bottomleft: 0px;-moz-border-radius-bottomright: 0px; webkit-border-bottom-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; width:110px; float:left; margin-left:80px; padding:20px 0;}
#zdh2 .zdh2 a { font-weight:100;line-height:40px; text-align:center; margin:0 auto;padding-top:0px;  width:110px; display:block; font-size:16px; background:#fff; height:40px; -moz-border-radius: 0px; webkit-border-radius: 0px;border-radius: 0px; color:#000 }
#zdh2 .zdh2 a:hover{  font-size:16px; color:#FF0000;padding-top:0px;}
header nav li a{display:block;height:50px;font-size:18px;color:#000;text-decoration:none; line-height:50px;  padding:0 0px; margin:0 auto; text-align:center; width:115px;   }
header nav li a:hover{text-decoration:none; width:115px; height:50px; color:#fff; background:#00a0e9 }
header nav li span{display:block;color:#999;font-size:11px;-webkit-text-size-adjust:none;}
#fs1 { font-size:18px; color:#FFFFFF; line-height:35px; height:35px; text-align:center; padding:5px 0;}
#fs2 { font-size:14px; text-align:left; line-height:25px; padding:0 15px; color:#FFFFFF; margin-bottom:20px;}
#slx {}
/*banner*/
#banner{width:1200px; height:330px; background:#fff;overflow:hidden;position:relative; margin:6px auto; }
#banner .ban1 { float:left; margin-right:6px; width:183px; height:330px; background:url(../../index/images/ban-1.jpg) no-repeat; color:#FFFFFF}
#banner .ban2 { font-size:26px; text-align:center; margin-top:60px;}
#banner .ban3 { height:1px; width:40px; background:#FFFFFF; margin:20px auto;}
#banner .ban4 { font-size:14px; text-align:center; line-height:20px; padding:0 10px;}
#banner .ban5 { width:100px; height:35px; margin:30px auto; border:#FFFFFF solid 1px; text-align:center; line-height:35px; font-size:14px; border-radius: 8px; cursor:pointer}
#banner .ban5 a { color:#FFFFFF; text-decoration:none; display:block}
#banner .ban5 a:hover { color:#FF0000;}
#banner .ban5:hover { color:#FF0000; border:#FF0000 solid 1px;}
#banner .snv { width:78px; height:38px; text-align:center; line-height:38px; font-size:14px; color:#606060; float:left; cursor:pointer;}
#banner .sne { border:#e8e8e8 solid 1px; border-top:none; height:289px; padding:0 8px;}
#banner .sff >div { color:#606060; text-align:left; height:27px; line-height:27px; font-size:12px;}
#banner .sff >div font { color:#d4dddc;}
#banner .sff >span { padding:10px 0; text-align:center; display:block; position:relative;}
#banner .sff >span>span { position:absolute; bottom:10px; width:100%;  background:#333333; left:0;filter:alpha(opacity=60);opacity:0.6; z-index:4; height:59px; }
#banner .sff >span font { position:absolute; bottom:15px; width:95%;  left:5px; color:#FFFFFF; line-height:25px; text-align:left; z-index:5; font-size:16px;}
#banner .sff >span font:hover { color:#FF0000}

.sywlm { height:233px; padding-top:15px; list-style: none;}
.sywlm > li { width:203px; height:203px; border:#e5e5e5 dashed 1px; border-radius: 100px;  float:left; margin-right:43px;}
.sywlm > li > a { color:#FFFFFF;}
.sywlm > li > a > div { width:192px; height:192px; border-radius:100px; margin:5px auto; position:relative;overflow:hidden;}
.sywlm  > li:last-child {margin-right:0px;}
.sywlm .sywlm1 { height:36px; line-height:36px; position:absolute; top:30px; width:100%;left:0; text-align:center; font-size:23px;}
.sywlm > li span { width:150px; text-align:left; line-height:20px; position:absolute; top:70px; left:25px;}


.youx{ }
.youx dl{width:100%; height:38px; line-height:38px; border-bottom:#64c1ec solid 2px;}
.youx dt{width:232px; height:38px; float:left; font-size:18px; color:#009fe9; padding-left:20px; }
.youx dd{width:108px; height:36px; float:left; text-align:center; font-size:16px; color:#353535;cursor:pointer;}
.youx dd:nth-child(2) {  border-top:#009fe9 solid 2px; border-left:#64c1ec solid 1px; border-right:#64c1ec solid 1px; border-bottom:#fff solid 2px; color:#009fe9;}
.youx dd:last-child { color:#FF0000; float:right}
.youx dd:last-child a { color:#FF0000; text-decoration:none}
.youx ul { width:100%; list-style:none; height:226px; margin-top:10px;}
.youx ul li { width:228px; float:left; margin-right:5px; border:#FFFFFF solid 1px; padding:3px;}
.youx ul li:last-child { margin-right:0px;}
.youx ul li span { color:#3e3f3a; font-size:14px; display:block; text-align:left; line-height:20px; margin-top:5px;}
.youx ul li a { text-decoration:none;}
.youx ul li:hover { padding:3px;
		background: #fff;
		color: #666;
		font-size: 14px;
		border: 1px #d8d8d8 solid;
		box-shadow: 0 0px 15px rgba(0,0,0,0.2);
		/*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);*/
		border-radius: 5px;
		font-weight:bold;}
		
.jytt dl{width:49%; height:38px; line-height:38px; border-bottom:#64c1ec solid 2px; margin-bottom:25px; float:left; }
.jytt dt{width:132px; height:38px; float:left; font-size:18px; color:#009fe9; padding-left:20px; }
.jytt dd{width:108px; height:36px; float:left; text-align:center; font-size:16px; color:#353535;cursor:pointer;}
.jytt dd:nth-child(2) {  border-top:#009fe9 solid 2px; border-left:#64c1ec solid 1px; border-right:#64c1ec solid 1px; border-bottom:#fff solid 2px; color:#009fe9;}
.sgsn { width:648px; float:left; }
.sgsn li { margin-bottom:25px; width:648px; float:left}
.sgsn li img  { float:left; margin-right:15px; width:124px; display:block}
.sgsn li div  { float:left; width:505px;}
.sgsn li div >h2 { font-size:16px; color:#353535; font-weight:100; line-height:25px;}
.sgsn li div > span { font-size:13px; color:#8e8e8c; line-height:25px;}
.sgsn li div > span font { color:#FF0000;}

.sxw { width:263px; float:left; margin-left:15px; }
.sxw li { margin-bottom:15px; width:263px; float:left; border-bottom:#efefef solid 1px; padding-bottom:15px;}
.sxw li img  { float:left; margin-right:15px; width:90px; display:block}
.sxw li div  { float:left; width:150px;}
.sxw li div >h2 { font-size:16px; color:#353535; font-weight:100; line-height:25px;}
.sxw li div > span { font-size:13px; color:#8e8e8c; line-height:25px;}
.sxw li div > span font { color:#FF0000;}

.sxwgg { width:265px; float:left; margin-left:5px; }
.sxwgg li { width:265px;  }

.jyjt dl{width:100%; height:38px; line-height:38px; border-bottom:#dfdfdf solid 1px; margin-bottom:25px; }
.jyjt dt{width:142px; height:38px;  font-size:18px; color:#009fe9; padding-left:20px;  border-bottom:#64c1ec solid 1px; margin-bottom:30px;}
.jyjt dd{width:168px; height:78px;  text-align:center; border:#e6e6e6 solid 1px; float:left; margin-right:35px; display:table; }
.jyjt dd a {  vertical-align: middle; display: table-cell;}
.jyjt dd a > img { max-height:76px;  text-align:center}
.jyjt dd:last-child { margin-right:0px;}


.share {  width: 100%; height:20px; text-align:center; font-size:16px; color:#999999; margin-top:10px; border-bottom:#CCCCCC solid 1px; padding-bottom:20px; margin-bottom:20px;}
.imgs img { max-width:830px;}

.fl {  float: left; display: inline; font-size:14px}

.return {
    width: 100px;
    height: 35px;
    border: 1px solid #666666;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #666666;
    border-radius: 25px;
	 margin-top:12px;
}
.fr {
    float: right;
    display: inline;
}
.paging {
    width: 100%;
    height: auto;
    padding-top: 50px;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 120px;
}
.conn {}
.conn form {
    width: 680px;
	margin:0 auto;
}
.conn p {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
}
.conn p span {
    display: block;
    margin-bottom: -15px;
    padding-left: 10px;
    margin-top: 19px;
}
.conn p .text {
    width: 314px;
    height: 47px;
    border: 1px solid #dbdbdb;
    background: #FFF;
    border-radius: 5px;
    margin-right: 12px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
	outline:none;
}
.conn p .textarea {
    width: 990px;
    height: 156px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 10px 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}
.conn p .error { border:#FF0000 1px solid;}
.conn .reset {
   
    width: 120px;
    height: 44px;
    border-radius: 5px;
    background: #7d7d7d;
    color: #FFF;
    margin: 50px 20px 0 0;
    font-size: 15px;
    font-weight: bold;
}
.conn .submit {
    border:#FFFFFF solid 0px;
    width: 420px;
    height: 44px;
    border-radius: 0px;
    background: #3388ff;
    color: #FFF;
    margin: 50px 10px 0 0;
    font-size: 18px;
}



.footer{ width:100%; height:auto; background:#f8f8f8; clear:both; margin-top:10px; }
.footer .line{ width:100%; height:3px; background:url(../img/index_line.png) repeat-x;}
.footer-new{ width:1002px; height:288px; margin:7px auto 5px;}

.footer-nav{ width:700px; height:auto; float:left;}
.footer-nav dl{ width:123px; height:247px; border-right:1px solid #393939; border-left:1px solid #272626; float:left; padding-top:41px; font-size:14px; padding-left:57px; line-height:22px;}
.footer-nav dl dt{ margin-bottom:11px;}
.footer-nav dl dt a{ color:#FFF;}
.footer-nav dl dd a{ color:#9b9b9b;}
.footer-nav dl dt a:hover,.footer-nav dl dd a:hover{ color:#1689cc;}

.footer-con{ width:260px; height:247px; float:left; color:#FFF; border-left:1px solid #272626; padding-left: 40px; margin-left: -2px; padding-top: 41px;}
.footer-con .tits{ display:block; font-size:14px; line-height:22px; color:#FFF; }
.footer-con p{ font-size:14px; line-height:18px; margin-top:11px;}
.footer-con p span{ font-size:18px; line-height:18px; color:#fff; font-family:Arial;}
.footer-con .dizhi{ font-size:12px; line-height:18px; color:#d0d0d0; margin-top:12px; display:block; }
.footer-con .focus{ margin-top:18px;}
.footer-con .focus a{ float:left; margin:0 7px 0 0; cursor:pointer; width:30px; height:31px; display:block; position:relative; z-index:2; padding:0;}
.footer-con .focus .bds_tsina{ background:url(../img/index_wb.png) no-repeat;}
.footer-con .focus .bds_weixin{ background:url(../img/index_wx.png) no-repeat;}
.footer-con .focus .bds_tqq{ background:url(../img/index_txwb.png) no-repeat;}
.footer-con .focus .bds_qzone{ background:url(../img/index_qq.png) no-repeat;}


.ffoot{ width:100%; border-top:0px solid #272626;}
.ffoot-new{ width:1200px; height:77px; margin:0 auto;}
.ffoot-new .ffoot-nav{ margin:30px 0 0 0; float:left; color:#555;}
.ffoot-new .ffoot-nav a{ font-size:16px; color:#FFF; float:left; line-height:12px; color:#555;}
.ffoot-new .ffoot-nav span{ float:left; display:block; margin:0 14px; line-height:12px;}
.ffoot-new p{ float:right; color:#555; font-size:16px; margin:22px 0 0 0;}
.ffoot-new p a{ color:#555;}

.lanmu > div { height:54px; width:100%; background:#000000;filter:alpha(opacity=60);opacity:0.6;position:absolute; top:-54px;}
.lanmu ul { height:54px;  width:100%;position:absolute; top:-54px; color:#FFFFFF; font-size:16px; text-align:center; line-height:54px;}
.lanmu ul  .lanmu1 { width:120px; float:left; height:62px;  background:url(../../index/images/xiajt-1.jpg) bottom center no-repeat;}
.lanmu ul li { width:120px; float:left; height:54px; }
.lanmu ul li a { color:#FFFFFF; text-decoration:none; display:block;}
.lanmu ul li:hover { width:120px; float:left; height:62px;  background:url(../../index/images/xiajt-1.jpg) bottom center no-repeat;}

.wabout { line-height:30px; font-size:16px; text-align:left;}
.wabout p { text-indent:0em}
.wimg img { max-width:800px;}
.dabt { background:url(../../index/images/xiajt-2.jpg) repeat-x bottom; height:28px; width:100%; text-align:center; position:relative; margin-top:50PX; margin-bottom:50PX;}
.dabt > div { background:#FFFFFF url(index/images/xiajt-3.jpg) center bottom no-repeat;  margin:0 auto; height:94px; width:254px; line-height:40px;  }
.dabt > div >span { font-size:34px; color:#444444; text-align:center;display:block}
.dabt > div >font { font-size:16px; color:#cccccc; text-align:center;text-transform: uppercase;}
.rmargin { margin-top:50px;}

.job-list-tpl4 {
    width: 100%;
	 line-height: 22px;

}
.job-list-tpl4 p {

	text-indent: 0em;
	 line-height: 22px;
}
.job-list-tpl4 dt.open {
    color: #0088cc;
}
.job-list-tpl4 dt {
    color: #333333;
    cursor: pointer;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    padding-left: 30px;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
}
.job-list-tpl4 dt i {
    background: url(../../index/images/j_c.png) no-repeat;
    float: right;
    color: #444;
    cursor: pointer;
    display: inline-block;
    height: 27px;
    width: 27px;
    margin-top: 15px;
}
.job-list-tpl4 dt.open i {
    background: url(../../index/images/j_o.png) no-repeat;
}
.job-list-tpl4 dd {
    display: none;
    overflow: hidden;
    padding: 20px 30px 35px;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
	text-align:left;

}


#case_footer{background:#fff;border-top:0px solid #d8d9d8;padding:15px 0;}
#loading{display:none;background:url("../../index/images/bg_loading_anim.gif") center no-repeat;height:100px}
#loadmore{text-align:center;}
#loadmore a{color:#666;}
#loadmore a:hover{text-decoration:none;color:#e20214/*#4da422*/;}

.pager{ border-top:#CCC solid 1px; padding:2px 0px; background:#DD2417}
.PagerView{  color: #666;  text-align: center;  margin: 8px;  }  
.PagerView span{  
 color: #000;  
 margin: 0 2px;  
 padding:5px 15px;  
 border: 1px solid #f5f4f4;border-radius:4px;-moz-border-radius:4px; 
}  
.PagerView span.on{  
 color: #fff;  
 font-weight: bold;  
 border: 1px solid #e20214; background:#e20214; 
}  
.PagerView a{  
 color: #000;  
 text-decoration: none;  
}  
.PagerView a span{  
 border: 1px solid #ccc;  
 color: #000;  
}  
.PagerView a:hover span{  
 color: #000;  
 background: #e20214;  
}  

/*SubPage caseDetailed*/





.cpgy{}
.tabqh{height:330px;margin:0px auto;position:relative;width:100%;}
.tabqh .tabdiv ul{list-style:none;}


.tabqh .tabfirstli{margin-left:0px;}
.tabqh .tabdiv{font-size:12px;position:absolute;text-align:left;top:0px;width:142px; left:0px;}
#CSSBox3{height:332px;  margin:0 auto;overflow:hidden; }
/*#RightButton3{height:175px;margin-left:5px;width:17px;float:left;background:url(../jdl_zsright.png) center center no-repeat;}*/
#CSSBox3 ul li{ background:none;padding:0px;list-style:none; border:0px solid red; margin:0 0px; width:142px; height:83px;}
#CSSBox3 ul li a img{ width:142px; height:83px;}
#LeftButton3{height:20px;width: 20px;float:left;background:url(../../index/images/sg_ltbt.png) center center no-repeat;position: absolute;z-index: 99999;left: 60px; top:0px;}
#RightButton3{height:20px;width: 20px;margin-left:5px;float:left;background:url(../../index/images/sg_rtbt.png) center center no-repeat;position: absolute;right: 60px; bottom:3px;}
#wrapper3{width:142px;margin-left: 0px;}
#ProductShow3{width:142px;height:332px;text-align:center;border:0px solid #c0c0c0;}



.demo{
	width: 142px;
	height: 332px;
	margin:0 auto;
	clear: both;
	position: relative;
	}